認識完 Soledad 在安裝時一併提供的常用套件後，今天要來做跟主題有關的 Widgets 小工具探索與練習，上次提到 Widgets 已經是在 【領域展開 13 式】 有了骨頭與皮膚，再搞清楚主要肌群 Menu 層級與操作當初在佈景主題選擇時想說樣式如果都差不多就看到時候有什麼小工具再來調整，今天就要來紀錄Widgets 小工具的使用歷程
大家好，我是 Jade Chang
Statistic Information 畢業，入職場後於外商從事軟體技術行銷，長期規劃各種線上線下活動像是直播節目/帶狀線上教學，後期負責學生實習計畫與大專院校 Talent Cultivation 與技術社群行銷 Program 為主，過去一年轉任於台灣本土軟體開發商 PM，周旋於客戶、工程師與設計師之間並短期投身新創事業，近期轉換於新竹半導體產業，還在體驗適應中。
位置：appearance > widgets
widgets 的設定是跟著所選擇的佈景主題變動的，用這次選擇的 simple blog 樣式說明，就能看到下圖有分為 main sidebar、footer column ＃1 #2 等區域名稱!
接著對應到網站前台，哪些是所謂 main sidebar、footer column 等 Widgets 小工具組成的區域呢？
通常講的 sidebar 是指網站的左邊或是右手邊的側邊欄位，左右邊會依照網站樣式設計不同而不同，更簡單的說就是內文左右邊的其他資訊欄多半是側邊欄，可以從下圖看到 jadechang.blog 這次simple blog的側邊欄是用 search + recnet post+ recent comments ...(還有很多在下面) 所組合而成的，是希望使用者觀看主要內容之餘，能從 sidebar 看到更多資訊進而加長使用者在網站的停留時間外，也是讓經營者的其他內容被露出
從第一段的圖當中可以看到 Widgets 在編輯時使按照區塊名稱做下拉式展開編輯
下一步用 about me 來說明，從要編輯的區域選到 about me，會提供可編輯欄位供網站經營者編輯，從 title 開始到圖片上傳與文字編輯
新增圖片可以參考下圖，位置：media > add new
將想要放在網站上的圖片上傳到 WordPress 媒體資料庫，用拖曳或是點選上傳圖檔都可以，上傳完成後點選圖片即會顯示 file url，即可獲取圖片的儲存位置
這次的練習當中，將 about me 的區域往上拉，並將 recent comments 與 newsletter 先刪除，並且留下有顯示圖片與標題的 recent post，將原本抓五篇最新的改為抓三篇
鐵人賽文章會 Delay 1-2 天同步放在 Medium
歡迎訂閱或是透過 Facebook 一起來交流 (求指導）
iThome鐵人賽
看影片追技術